<template>
  <div class="source_body">
      <div class="source_body_item" v-for="(item,i) in dataList" :key="i" @click="$router.push({name:'RemoteStudyContent',query:{url:item.content}})">{{i+1}}.{{item.name}}</div>
  </div>
</template>

<script>
export default {
    data(){
        return {
            dataList:[]
        }
    },
    mounted(){
        this.$axios.get("api/study/list").then(({data})=>{
            this.dataList = data.rows;
        })
    }
}
</script>

<style scoped>
    .source_body{
        max-width: 1000px;
        margin: 0 auto;
    }
    .source_body_item{
        border-bottom: 1px solid #e0e0e0;
        padding: 10px;
    }
</style>